:root,
page {
  /* 提示 */
  --vt-c-primary: #007aff;
  --vt-c-primary-btn: #1aad19;
  --vt-c-success: #4cd964;
  --vt-c-warning: #f0ad4e;
  --vt-c-error: #dd524d;
  --vt-c-member: #0058a3;

  /* 颜色 */
  --vt-c-color-1: #111;
  --vt-c-color-3: #333;
  --vt-c-color-6: #666;
  --vt-c-color-9: #999;
  --vt-c-color-c: #ccc;
  --vt-c-color-black: #282828;
  --vt-c-color-white: #fff;
  --vt-c-divider-light: rgb(60 60 60 / 30%);
  --vt-c-divider-dark: rgb(84 84 84 / 48%);
  --vt-c-divider-text: rgb(235 235 235 / 64%);
  --vt-c-check: rgb(255 0 0 / 80%);
  --vt-c-white: var(--vt-c-color-white);
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;
  --vt-c-black: var(--vt-c-color-black);
  --vt-c-black-soft: #222;
  --vt-c-black-mute: #282828;
  --vt-c-indigo: #2c3e50;

  /* 间距 */
  --vt-c-padding-6: 12rpx;
  --vt-c-padding-10: 20rpx;
  --vt-c-padding-20: 40rpx;

  /* 圆角 */
  --vt-c-radius: 20rpx;

  /* 透明度 */
  --vt-c-opacity: 0.3;

  /* 字号 */
  --vt-c-size-10: 20rpx;
  --vt-c-size-12: 24rpx;
  --vt-c-size-16: 32rpx;
  --vt-c-size-20: 40rpx;
  --vt-c-size-24: 48rpx;
  --vt-c-size-28: 56rpx;
  --vt-c-size-32: 64rpx;
  --vt-c-size-36: 72rpx;

  --vt-c-heading-light: var(--vt-c-indigo);
  --vt-c-text-light: rgb(60 60 60 / 66%);
  --vt-c-heading-dark: var(--vt-c-white);
  --vt-c-text-dark: rgb(235 235 235 / 64%);
}

:root,
page {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);
  --color-background-search: var(--vt-c-color-c);
  --color-border: var(--vt-c-divider-light);
  --color-heading: var(--vt-c-heading-light);
  --color-text: var(--vt-c-text-light);
}

@media (prefers-color-scheme: dark) {
  :root,
  page {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);
    --color-background-search: var(--vt-c-white-soft);
    --color-border: var(--vt-c-divider-dark);
    --color-heading: var(--vt-c-heading-dark);
    --color-text: var(--vt-c-text-dark);
  }
}

:root,
page {
  background-color: var(--color-background);
  color: var(--color-text);
  padding-bottom: calc(env(safe-area-inset-bottom));
}

page,
view,
input,
button,
navigator,
image,
swiper-item,
scroll-view,
text {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
